<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的公告</title>
		<script src="js/global.js"></script>
		<style>
			#topStyle:{
				font-size: 100px;
			}
			ul{
				font-size: 22px;
				color: grey;
			}
		</style>
	</head>
	<body>
		
		<h1 style="color: grey;" align="center">《所有公告信息》</h1>
		
		<div id="mynav" ></div>
		
		<script>
			layui.use([ 'form', 'table', 'layer','element' ], function() {
			var form = layui.form;
			var table = layui.table;
			var layer = layui.layer;
			var $ = layui.$;
			var element = layui.element;
			
			
			/*//执行渲染
				table.render({
					elem: '#mynav' //指定原始表格元素选择器（推荐id选择器）
						,
					url: globalData.server + 'notice/getNotice?token=' + globalData.getToken(),
					toolbar: '#barDemo1',
					page: true,
					limit: 5,
					cols: [
						[{
							checkbox: true
						}, {
							field: 'id',
							title: 'id',
							sort: true,
							width: 80
						}, {
							field: 'content',
							title: '公告内容',
							width: 260
						}, {
							field: 'createTime',
							title: '发布时间',
							width: 160
						}]
					]
				});*/
			
			
			
			$.post(globalData.server+"notice/getNotice/?token="+globalData.getToken(),function(res){
				$("#mynav").html("");
						for(var i=0;i<res.length;i++){ //遍历父节点
								var str = '<ul><li class="layui-nav-item">'+"内容:【"+res[i].content+"】，时间："+res[i].createTime+'</li></ul>'
							$("#mynav").append(str);
						}
						element.render('mynav'); //重新对导航进行渲染。		
					})
			
			
			/*$.post(globalData.server+"notice/getNotice/?token="+globalData.getToken(),function(res){
				$("#mynav").html("");
						for(var i=0;i<res.length;i++){ //遍历父节点
								var str = '<ul><li class="layui-nav-item">'+"("+res[i].id+")、内容:【"+res[i].content+"】，时间："+res[i].createTime+'</li></ul>'
							$("#mynav").append(str);
						}
						element.render('mynav'); //重新对导航进行渲染。		
					})*/
			
			
			
			})
		</script>
	</body>
</html>
